<template>
  <div>
    <van-nav-bar
      title="黑马头条-登陆"

    />
  </div>
</template>

<script>
export default {

}
</script>

<style scoped lang="less">
// 此类名是van-nav-bar组件内根标签

// .van-nav-bar{
//    background: #007bff;
// }

// 此选择器名字是van-nav-bar__title组件内标签
// scoped尝试把此选择器后属性选择匹配当前页面标签(选不中组件内部的)
// lang="less" 当前style标签内less语法
// /deep/就不会被vscode标记红线
// /deep/ 会把属性选择器加到前面 (用后代选择器的方式往里找匹配的类名)
// 结论 : 要修改组件内样式,如果你用了scoped,就需要在选择器前加 /deep/

// /deep/ .van-nav-bar__title{
//  color: white;
// }
</style>
